<template>
  <div class="fixed">
    <div>
      <img
        src="	https://game.gtimg.cn/images/yxzj/web201706/images/comm/floatwindow/r_dj.png"
        alt=""
      />
    </div>
    <div>
      <img
        class="img"
        width="110"
        height="110"
        src="https://game.gtimg.cn/images/yxzj/web201706/images/comm/floatwindow/r_code.jpg"
        alt=""
      />
    </div>
    <div>官方微博</div>
    <div>微信公众号</div>
    <div>官方视频号</div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.fixed {
  //   border: 1px solid blue;
  position: fixed;
  top: 0px;
  right: 60px;
  div {
    &:not(:nth-child(1), :nth-child(2)) {
      background-color: rgba(0, 0, 0, 0.615);
      padding: 6px 0;
      color: white;
      border-bottom: 2px solid white;
      text-align: center;
      width: 110px;
    }
    &:first-child {
      position: relative;
      left: -63px;
      top: 4px;
    }
  }
  .img {
    border: 3px solid orange;
    border-radius: 2px;
  }
}
</style>